<template>
    <div class="helloWord">
        <img src="~images/logo.png" alt="logo">
        <section class="text">少年，{{exampleMsg}}!</section>
        <div class="btn">
            <Button type="primary" @click="goWebsite">去官网看看</Button>
        </div>
    </div>
</template>

<script>
import { mapState } from 'vuex';
import { Button } from 'meri-design';

// eslint-disable-next-line no-undef
console.log('TOP_CONFIG:::', TOP_CONFIG);

export default {
    name: 'HelloWorld',
    components: { Button },
    computed: {
        ...mapState('global', ['exampleMsg'])
    },
    created() {
        console.log('process.env.BASE:', process.env.BASE);
    },
    mounted() {
    },
    methods: {
        // 去官网看看
        goWebsite() {
            window.location.href = 'http://persagy.com/page/index.html';
        }
    }
};
</script>

<style lang="less">
    .helloWord {
        padding-top: 200px;
        text-align: center;
        img {
            width: 200px;
        }
    }
    .text {
        color: @grey-900;
        font-weight: 600;
        font-size: 16px;
    }
    .btn {
        padding: 24px;
    }

</style>
